import { defineConfig, loadEnv } from "vite"; // 注意引入 loadEnv
import { resolve } from "path";
import vue from "@vitejs/plugin-vue";

export default defineConfig(({ mode }) => {
  // 从参数中解构 mode
  // 1. 加载对应环境的 .env 文件
  const env = loadEnv(mode, process.cwd());

  return {
    resolve: {
      alias: {
        "@": resolve(__dirname, "src"),
      },
    },
    plugins: [vue()],
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "@/styles/variables.scss";`, // 注意末尾分号
        },
        sassOptions: {
          quietDeps: true, // 静默处理依赖警告
        },
      },
    },
    // 2. 配置 envFile：根据 mode 加载对应 .env 文件
    envFile: `.env.${mode}`,
  };
});
